<script setup lang="ts">
import { NInputNumber, NFormItem, NForm } from 'naive-ui'
import { computed } from 'vue';


const props = defineProps<{
  'skuValue': Api.Product.GoodsUpdateSkusParams['sku_value']
}>()

const formData = computed(() => props.skuValue)
</script>

<template>
  <NForm label-placement="left" :model="formData">
    <NFormItem label="市场价格" path="oprice">
      <NInputNumber v-model:value="formData.oprice" style="width: 300px" :show-button="false">
        <template #suffix>元</template>
      </NInputNumber>
    </NFormItem>
    <NFormItem label="销售价格" path="pprice">
      <NInputNumber v-model:value="formData.pprice" style="width: 300px" :show-button="false">
        <template #suffix>元</template>
      </NInputNumber>
    </NFormItem>
    <NFormItem label="成本价格" path="cprice">
      <NInputNumber v-model:value="formData.cprice" style="width: 300px" :show-button="false">
        <template #suffix>元</template>
      </NInputNumber>
    </NFormItem>
    <NFormItem label="商品重量" path="weight">
      <NInputNumber v-model:value="formData.weight" style="width: 300px" :show-button="false">
        <template #suffix>公斤</template>
      </NInputNumber>
    </NFormItem>
    <NFormItem label="商品体积" path="volume">
      <NInputNumber v-model:value="formData.volume" style="width: 300px" :show-button="false">
        <template #suffix>立方米</template>
      </NInputNumber>
    </NFormItem>
  </NForm>
</template>
